<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>

<form action="6、表格.html" method="get">
    <p>昵称：<input type="text" name="username" placeholder="请输入用户名"></p>
    <p>密码：<input type="password" name="pwd" required></p>
    <p>
        性别：
        <input type="radio" name="gender" value="boy" checked>男
        <input type="radio" name="gender" value="girl">女
    </p>
    <p>
        爱好：
        <input type="checkbox" name="hobby" value="code">打代码
        <input type="checkbox" name="hobby" value="music" checked>听音乐
        <input type="checkbox" name="hobby" value="chat">聊天
    </p>

    <!--按钮-->
    <p>
        <input type="button" name="btn1" value="点击变长">
        <!--<input type="image" name="btn2" src="../resources/image/1.jpg">-->
    </p>

    <p>
        国家：
        <select name="country">
            <option value="China" selected>中国</option>
            <option value="America">美国</option>
            <option value="Switzerland">瑞士</option>
            <option value="India">印度</option>
        </select>
    </p>

    <!--文本域-->
    <p>
        反馈：
        <textarea name="textarea"  cols="30" rows="10"></textarea>
    </p>

    <p>
        上传文件：
        <input type="file" name="files">
    </p>

    <!--邮箱验证-->
    <p>
        邮箱：
        <input type="email" name="email">
    </p>

    <!--URL验证-->
    <p>
        URL：
        <input type="url" name="url">
    </p>

    <!--数字-->
    <p>
        商品数量：
        <input type="number" name="number" max="100" min="0" step="10">
    </p>

    <!--滑块-->
    <p>
        音量：
        <input type="range" name="voice" max="100" min="0" step="10">
    </p>

    <!--搜索框-->
    <p>
        <input type="search" name="search">
    </p>

    <!--隐藏域-->
    <p>
        隐藏域：
        <input type="text" hidden>
    </p>

    <!--只读-->
    <p>
        只读：
        <input type="text" readonly value="定死了，你改不了">
    </p>

    <!--禁用-->
    <p>
        禁用：
        <input type="button" disabled value="不可选中">
    </p>

    <label for="mark">点击我试试：</label>
    <input type="text" id="mark" name="text">

    <p>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </p>
</form>

</body>
</html>